<template>
  <div class="search_article_container">
    <div class="showOrHide">
      <MyArticle
        :articleData="item"
        :menu_content="menu_content"
        v-for="item in $parent.content"
        :key="item.id"
      ></MyArticle>
      <MyPagination :size="pagina.size" :total="pagina.total"></MyPagination>
    </div>
  </div>
</template>

<script>
import { mapState } from "vuex";

export default {
  name: "SearchArticle",
  computed: {
    ...mapState("tags", ["menu_content"]),
  },
  data() {
    return {
      // 分页器数据
      pagina: {
        total: 0,
        size: 10,
        current: 1,
      },
    };
  },
  mounted() {
    this.pagina.total = this.$parent.content;
  },
};
</script>

<style lang="less" scoped>
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 768px) {
}
.search_article_container {
  .showOrHide {
    &.active {
      display: none;
    }
  }
}
</style>